<!doctype html>
<html>
<head>
    <title>关于宝可思ICC</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content=""/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!--bootstrap-->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
    <!--coustom css-->
    <!--<link href="css/style.css" rel="stylesheet" type="text/css"/>-->
    <!--script-->
    <script src="js/jquery-1.11.0.min.js"></script>
    <!-- js -->
    <script src="js/bootstrap.js"></script>
    <link href="css/video-js.css" rel="stylesheet">
    <!-- If you'd like to support IE8 -->
    <script src="js/videojs-ie8.min.js"></script>
    <script src="js/video.min.js"></script>
    <!-- /js -->
    <!--fonts-->
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400italic,400,600,600italic,700,700italic,800,800italic'
          rel='stylesheet' type='text/css'>
    <!--/fonts-->
    <!--hover-girds-->
    <link rel="stylesheet" type="text/css" href="css/default.css"/>
    <link rel="stylesheet" type="text/css" href="css/component.css"/>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/about.css">
    <script src="js/modernizr.custom.js"></script>
    <!--/hover-grids-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <!--script-->
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <!--/script-->
</head>
<body style="background-color: white">
<!--nav-->
<!--<div class="container clearfix">-->
<div id="nav" class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand hidden-sm" href="#">宝可思国际儿童会</a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav navbar-right">
                <li ><a href="index.html">首页</a></li>
                <li class="active"><a href="about.html">关于宝可思ICC</a></li>
                <li><a href="teachingShow.html">教学展示</a></li>
                <li><a href="brand.html">品牌加盟</a></li>
                <li><a href="nationwide.html">全国中心</a></li>
                <li><a href="ICCCommunity.html">宝可思ICC社区</a></li>
                <li class="phone">
                    <img src="./images/phone1.png" alt="">
                    <span>400 1100 508</span>
                </li>
                <li class="english">
                    <span>English</span>
                </li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</div>
<!--</div>-->

<!--</div>-->
<!-- 二级导航 -->
<div  class="container-fluid" id="navigation-two">
    <div class="container">
        <div class="row">
            <ul class="nav nav-pills">
                <li role="presentation" class="active"><a href="about.html">品牌介绍</a></li>
                <li role="presentation"><a href="mediaReport.html">媒体报道</a></li>
                <li role="presentation"><a href="engageTalents.html">诚聘英才</a></li>
                <li role="presentation"><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<!--品牌背景  图文-->
<div class="container" id="img-and-text">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <img src="./images/about1.png" style="width: 100%" alt="">
        </div>
        <div class="col-md-12 col-sm-12 col-xs-12">
            <p>
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2006 年，ICC诞生于香港。作为国内首家全英文儿童教育会所，International  Children's Club（ICC）  在特区深圳成立教研基地，深耕10年，课程体系不断完善。2016 年，山东出版传媒与香港ICC国际儿童会强强联手，宝可思国际儿童会（宝可思ICC）登陆泉城济南，为内地的孩子带来真正的国际化成长教育理念。我们的使命，是为3-12岁儿童搭建一个国际化的教学、娱乐及社交综合平台，以此激发儿童的社交能力及创意潜能，建立面向未来的全球化思维，培养未来社会领袖所需的基本素质及能力。
            </p>
        </div>
    </div>
</div>
<!--团队介绍-->
<div id="group" class="container-fluid">
    <div class="row content-title">
        <div class="col-xs-12 text-center">
            <img src="images/about-groud.png" alt="">
        </div>
    </div>
    <div class="row" class="xuanke">
        <ul class="list-unstyled" id="item_content_ul">
            <li class="col-md-2 col-xs-12"></li>
            <li class="col-md-2 col-sm-3 col-xs-6">
                <div class="item_content clearfix">
                    <div class="col-xs-12 img_content">
                        <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                    </div>
                    <div class="col-xs-12 text_content">
                        <h4 class="text-center">Lucy</h4>
                        <p>
                            专业外教，10年经验
                        </p>
                    </div>
                </div>
            </li>
            <li class="col-md-2 col-sm-3 col-xs-6">
                <div class="item_content clearfix">
                    <div class="col-xs-12 img_content">
                        <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                    </div>
                    <div class="col-xs-12 text_content">
                        <h4 class="text-center">Aabbye</h4>
                        <p>专业外教，10年经验
                           </p>
                    </div>
                </div>
            </li>
            <li class="col-md-2 col-sm-3 col-xs-6">
                <div class="item_content clearfix">
                    <div class="col-xs-12 img_content">
                        <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                    </div>
                    <div class="col-xs-12 text_content">
                        <h4 class="text-center">Cady</h4>
                        <p>专业外教，10年经验
                            </p>
                    </div>
                </div>
            </li>
            <li class="col-md-2 col-sm-3 col-xs-6">
                <div class="item_content clearfix">
                    <div class="col-xs-12 img_content">
                        <!--<img src="./images/course.jpg" class="xuankeimg" alt="">-->
                    </div>
                    <div class="col-xs-12 text_content">
                        <h4 class="text-center">Hohn</h4>
                        <p>
                            专业外教，10年经验
                        </p>
                    </div>
                </div>
            </li>

        </ul>
    </div>
    <div class="row content-title">
        <div class="col-xs-12 text-center">
            <h4>全外教授课模式，全英文教育会所，纯正美式及英式发音，标准化外教培训流程，给孩子科学、专业的学习保障</h4>
        </div>
    </div>
</div>
<!--教育理念与优势-->
<div id="education_idea" class="container text-center" >
    <div class="row content-title">
        <div class="col-xs-12 text-center">
            <img src="./images/teacher-img1.png" alt="">
        </div>
    </div>
    <!--<div class="row content-title">
        <div class="col-xs-12 text-center">
            <img src="./images/jiaoxue.png" class="col-xs-4 col-xs-offset-4">
        </div>
    </div>-->
    <div class="row content-des">
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border1">
            <!--<img src="./images/EN.png" alt="">-->
            <div class="img center-block"></div>
            <h3 style="color: black">浸入式教学</h3>
            <p style="color: black">全英文环境，培养孩子<br/>英语思维</p>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border1">
            <!--<img src="./images/wj@2x.png" alt="">-->
            <div class="img center-block"></div>
            <h3 style="color: black">全外教授课</h3>
            <p style="color: black">资深外教授课，像学习<br/>母语一样自言而然</p>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border1">
            <!--<img src="./images/qj@2x.png" alt="">-->
            <div class="img center-block"></div>
            <h3>主题式学习</h3>
            <p>贴近生活场景，激发孩子<br/>的积极性，学以致用</p>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border2">
            <!--<img src="./images/jl@2x.png" alt="">-->
            <div class="img center-block"></div>
            <h3>螺旋式教学</h3>
            <p>螺旋式教学，逐步上升，由浅入深，循序渐进</p>
        </div>
        <div class="col-md-12 col-sm-6 col-xs-12 border-long">

        </div>
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border1">
            <!--<img src="./images/xz@2x.png" alt="">-->
            <div class="img center-block"></div>
            <h3>小班授课</h3>
            <p>小班教学，不超10人，感受更多个性化教学</p>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border1">
            <!--<img src="./images/tuandui@2x.png" alt="">-->
            <div class="img center-block"></div>
            <h3>课程连接紧密</h3>
            <p>课程的级别设置环环相扣，升读更科学</p>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border1">
            <!--<img src="./images/xz@2x.png" alt="">-->
            <div class="img center-block"></div>
            <h3>双重评估</h3>
            <p>专业的英语学习评估，综合听说读写全能力 </p>
        </div>
        <div class="col-md-3 col-sm-6 col-xs-12 education_idea-border2">
            <!--<img src="./images/tuandui@2x.png" alt="">-->
            <div class="img center-block"></div>
            <h3>接轨香港</h3>
            <p>与香港幼儿园/小学英语课接轨，享受高水平英语教育</p>
        </div>
        <!--<div class="clearfix"></div>-->
    </div>
</div>

<!--荣誉和资质-->
<div class="container" >
    <div class="row honor-box"  >
        <div class="col-md-12 col-sm-12 col-xs-12 hidden-xs honor-box1">
            <img src="images/about-ry.png" alt="">
        </div>
        <div class=" col-md-12 col-sm-12 col-xs-12 hidden-xs" id="honor">
            <div class="box">

                <div class="list">
                    <ul>
                        <li class="p7"><a href="#"><img src="./images/honor1.png" alt="" /></a></li>
                        <li class="p6"><a href="#"><img src="./images/honor1.png" alt="" /></a></li>
                        <li class="p5"><a href="#"><img src="./images/honor1.png" alt="" /></a></li>
                        <li class="p4"><a href="#"><img src="./images/honor1.png" alt="" /></a></li>
                        <li class="p3"><a href="#"><img src="./images/honor1.png" alt="" /></a></li>
                        <li class="p2"><a href="#"><img src="./images/honor1.png" alt="" /></a></li>
                        <li class="p1"><a href="#"><img src="./images/honor1.png" alt="" /></a></li>
                    </ul>
                </div>

                <a href="javascript:;" class="prev  clearfix"><img src="images/z)@2x.png" alt=""></a>
                <a href="javascript:;" class="next  clearfix"><img src="images/y)@2x.png" alt=""></a>

                <div class="buttons">
                    <a href="javascript:;"><span class="blue"></span></a>
                    <a href="javascript:;"><span></span></a>
                    <a href="javascript:;"><span></span></a>
                    <a href="javascript:;"><span></span></a>
                    <a href="javascript:;"><span></span></a>
                    <a href="javascript:;"><span></span></a>
                    <a href="javascript:;"><span></span></a>
                </div>
            </div>
        </div>
    </div>
    <!--[if lt IE 9]>
    <script type="text/javascript">
        var str = "你的浏览器版本太low了,已经和时代脱轨了 :(";
        var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:blue;'>谷歌</a>,"
                + "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:blue;'>火狐</a>,"
                + "其他双核极速模式";
        document.writeln("<pre style='text-align:center;color:#fff;background-color:#0cc; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
                "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><h2>" +
                str2 + "</h2><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
        document.execCommand("Stop");
    </script>
    <![endif]-->
    <script type="text/javascript">
        console.log("测试浏览器")

            var theUA = window.navigator.userAgent.toLowerCase();
            if ((theUA.match(/msie\s\d+/) && theUA.match(/msie\s\d+/)[0]) || (theUA.match(/trident\s?\d+/) && theUA.match(/trident\s?\d+/)[0])) {
                var ieVersion = theUA.match(/msie\s\d+/)[0].match(/\d+/)[0] || theUA.match(/trident\s?\d+/)[0];
                if (ieVersion <= 9) {
                    var str = "你的浏览器版本太low了\n已经和时代脱轨了 :(";
                    var str2 = "推荐使用:<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>谷歌</a>,"
                            + "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%81%AB%E7%8B%90%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>火狐</a>,"
                            + "<a href='https://www.baidu.com/s?ie=UTF-8&wd=%E7%8C%8E%E8%B1%B9%E6%B5%8F%E8%A7%88%E5%99%A8' target='_blank' style='color:#cc0'>猎豹</a>,其他双核急速模式";
                    document.writeln("<pre style='text-align:center;color:#fff;background-color:#0cc; height:100%;border:0;position:fixed;top:0;left:0;width:100%;z-index:1234'>" +
                            "<h2 style='padding-top:200px;margin:0'><strong>" + str + "<br/></strong></h2><p>" +
                            str2 + "</p><h2 style='margin:0'><strong>如果你的使用的是双核浏览器,请切换到极速模式访问<br/></strong></h2></pre>");
                    document.execCommand("Stop");
                };
            }

        //以下是调用上面的函数
        if (myBrowser() == "FF") {
            alert("我是 Firefox");
        }
        if (myBrowser() == "Opera") {
            alert("我是 Opera");
        }
        if (myBrowser() == "Safari") {
            alert("我是 Safari");
        }
        if (myBrowser() == "IE55") {
            alert("我是 IE5.5");
        }
        if (myBrowser() == "IE6") {
            alert("我是 IE6");
        }
        if (myBrowser() == "IE7") {
            alert("我是 IE7");
        }
        if (myBrowser() == "IE8") {
            alert("我是 IE8");
        }
        if (myBrowser() == "IE9") {

            alert("我是 IE9");
//            $(".honor-box").hide();
        }

    </script>
    <script type="text/javascript">
        var $a=$(".buttons a");
        var $s=$(".buttons span");
        var cArr=["p7","p6","p5","p4","p3","p2","p1"];
        var index=0;
        $(".next").click(
                function(){
                    nextimg();
                }
        )
        $(".prev").click(
                function(){
                    previmg();
                }
        )
        //上一张
        function previmg(){
            cArr.unshift(cArr[6]);
            cArr.pop();
            //i是元素的索引，从0开始
            //e为当前处理的元素
            //each循环，当前处理的元素移除所有的class，然后添加数组索引i的class
            $("#honor .box  .list li").each(function(i,e){
                $(e).removeClass().addClass(cArr[i]);
            })
            index--;
            if (index<0) {
                index=6;
            }
            show();
        }

        //下一张
        function nextimg(){
            cArr.push(cArr[0]);
            cArr.shift();
            $("#honor .box  .list li").each(function(i,e){
                $(e).removeClass().addClass(cArr[i]);
            })
            index++;
            if (index>6) {
                index=0;
            }
            show();
        }

        //通过底下按钮点击切换
        $a.each(function(){
            $(this).click(function(){
                var myindex=$(this).index();
                var b=myindex-index;
                if(b==0){
                    return;
                }
                else if(b>0) {
                    /*
                     * splice(0,b)的意思是从索引0开始,取出数量为b的数组
                     * 因为每次点击之后数组都被改变了,所以当前显示的这个照片的索引才是0
                     * 所以取出从索引0到b的数组,就是从原本的这个照片到需要点击的照片的数组
                     * 这时候原本的数组也将这部分数组进行移除了
                     * 再把移除的数组添加的原本的数组的后面
                     */
                    var newarr=cArr.splice(0,b);
                    cArr=$.merge(cArr,newarr);
                    $("li").each(function(i,e){
                        $(e).removeClass().addClass(cArr[i]);
                    })
                    index=myindex;
                    show();
                }
                else if(b<0){
                    /*
                     * 因为b<0,所以取数组的时候是倒序来取的,也就是说我们可以先把数组的顺序颠倒一下
                     * 而b现在是负值,所以取出索引0到-b即为需要取出的数组
                     * 也就是从原本的照片到需要点击的照片的数组
                     * 然后将原本的数组跟取出的数组进行拼接
                     * 再次倒序,使原本的倒序变为正序
                     */
                    cArr.reverse();
                    var oldarr=cArr.splice(0,-b)
                    cArr=$.merge(cArr,oldarr);
                    cArr.reverse();
                    $("li").each(function(i,e){
                        $(e).removeClass().addClass(cArr[i]);
                    })
                    index=myindex;
                    show();
                }
            })
        })

        //改变底下按钮的背景色
        function show(){
            $($s).eq(index).addClass("blue").parent().siblings().children().removeClass("blue");
        }

        //点击class为p2的元素触发上一张照片的函数
        $(document).on("click",".p2",function(){
            previmg();
            return false;//返回一个false值，让a标签不跳转
        });

        //点击class为p4的元素触发下一张照片的函数
        $(document).on("click",".p4",function(){
            nextimg();
            return false;
        });

        //			鼠标移入box时清除定时器
        $(".box").mouseover(function(){
            clearInterval(timer);
        })

        //			鼠标移出box时开始定时器
        $(".box").mouseleave(function(){
            timer=setInterval(nextimg,4000);
        })

        //			进入页面自动开始定时器
        timer=setInterval(nextimg,4000);
    </script>
</div>
<!--effect-grid-->
<!--<div class="copyrights">Collect from <a href="http://www.cssmoban.com/">企业网站模板</a></div>-->
<!--<div class="copyright">-->
<!--&lt;!&ndash; container &ndash;&gt;-->
<!--<div class="container">-->
<!--<div class="copyright-left">-->
<!--<p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank"-->
<!--href="http://www.cssmoban.com/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>-->
<!--</p>-->
<!--</div>-->
<!--<div class="copyright-right">-->
<!--<ul>-->
<!--<li><a href="#" class="twitter"> </a></li>-->
<!--<li><a href="#" class="twitter facebook"> </a></li>-->
<!--<li><a href="#" class="twitter chrome"> </a></li>-->
<!--<li><a href="#" class="twitter pinterest"> </a></li>-->
<!--<li><a href="#" class="twitter linkedin"> </a></li>-->
<!--<li><a href="#" class="twitter dribbble"> </a></li>-->
<!--</ul>-->
<!--</div>-->
<!--<div class="clearfix"></div>-->

<!--</div>-->
<!--&lt;!&ndash; //container &ndash;&gt;-->
<!--&lt;!&ndash;&ndash;&gt;-->
<!--<script type="text/javascript">-->
<!--$(document).ready(function () {-->
<!--$().UItoTop({easingType: 'easeOutQuart'});-->
<!--});-->
<!--</script>-->
<!--<a href="#to-top" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>-->
<!--&lt;!&ndash;&ndash;&gt;-->
<!--</div>-->
<!--/copy-rights-->
<!--GGX 底部-->
<div class="container-fluid">
    <div class="row" id="bottom">
        <div class="col-xs-12">
            <form class="form-inline text-center">
                <div class="form-group">
                    <label for="exampleInputName2">立即报名：</label>
                    <input type="text" class="form-control" id="exampleInputName2" placeholder="孩子姓名">
                </div>
                <div class="form-group">
                    <!--<label for="exampleInputEmail2">Email</label>-->
                    <input type="email" class="form-control" placeholder="孩子年龄">
                </div>
                <div class="form-group">
                    <!--<label for="exampleInputEmail2">Email</label>-->
                    <input type="email" class="form-control" placeholder="联系电话">
                </div>

                <button type="submit" id="submitit" class="btn ">申请试听课</button>
            </form>
        </div>
    </div>
</div>
<div style="background-color: #1D1D1D">
    <div class="container" id="bottom2">
        <div class="row">
            <div class="col-md-1 col-sm-1 col-xs-1 hidden-xs">
                <ui>
                    <li><a href="index.html"><span >首页</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="about.html"><span class="bottom-active">关于宝可思ICC</span></a></li>
                    <li><a href="about.html"><span>品牌背景</span></a></li>
                    <li><a href="about.html"><span>团队介绍</span></a></li>
                    <li><a href="about.html"><span>教育理念&优势</span></a></li>
                    <li><a href="about.html"><span>荣誉&资质</span></a></li>
                    <li><a href="mediaReport.html"><span>媒体报道</span></a></li>
                    <li><a href="engageTalents.html"><span>诚聘英才</span></a></li>
                    <li><a href="contact.html"><span>联系我们</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="teachingShow.html"><span>教学展示</span></a></li>
                    <li><a href="teachingShow.html"><span>课程名称&内容</span></a></li>
                    <li><a href="teachingShow.html"><span>课程图片</span></a></li>
                    <li><a href="teachingShow.html"><span>教学视频</span></a></li>
                    <li><a href="teachingActivity.html"><span>教学活动</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="brand.html"><span>品牌加盟</span></a></li>
                    <li><a href="brand.html"><span>品牌优势</span></a></li>
                    <li><a href="brand.html"><span>品牌支持</span></a></li>
                    <li><a href="brand.html"><span>加盟流程</span></a></li>
                    <li><a href="brand.html"><span>加盟信息提交</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="nationwide.html"><span>全国中心</span></a></li>
                    <li><a href="nationwide.html"><span>各校区展示</span></a></li>
                </ui>
            </div>
            <div class="col-md-2 col-sm-2 col-xs-2 hidden-xs">
                <ui>
                    <li><a href="ICCCommunity.html"><span>宝可思ICC社区</span></a></li>
                </ui>
            </div>
            <script>
                $(document).ready(function () {
                    $('.to-top-class').click(function () {
                        $('html, body').animate({scrollTop: 0}, 'slow');
                    });
                });
            </script>
            <div class="col-md-1 col-sm-1 col-xs-12">
                <a href="#to-top"><img src="./images/top@2x.png" alt="" class="to-top-class"></a>
            </div>
        </div>
    </div>
    <div class="line"></div>
    <div class="container" id="bottom3">
        <div>
            <p>本站所有权、运营权和维护权都归宝可思国际儿童会所有</p>
            <p>Copyright 2013 MHH ALL Rights Reserved</p>
            <p>宝可思国际儿童会 京ICP备14006561号-6</p>
        </div>
    </div>
</div>


<!--右边的悬浮框-->
<script>
    $(document).ready(function () {
        var h = $(document).height() - $(window).height();
        $('.right-fix').click(function () {
            $('html, body').animate({scrollTop: h - 50}, 'slow');
        });
    });
</script>
<div class="right-fix hidden-sm">
    <p>免费领取</p>
    <p>价值600元</p>
    <p>试听课</p>
</div>
<div class="right-fix-ly hidden-sm" style="" onclick="openwindow('./leaveMessage.html')">
    <img src="./images/liuyan.png" alt="" style="width: 70%">
    <p style="color: #DF1717;font-size: 14px;margin:0">在线咨询</p>
</div>
<script>
    // 图书列表
    $("#book_display").on("mouseover mousein", "li h5", function () {
        var $li = $(this).parents("li");
        if (!$li.hasClass("col-sm-7")) {
            $li.siblings(".col-sm-7").removeClass("col-sm-7").addClass("col-sm-1");
            $li.removeClass("col-sm-1").addClass("col-sm-7");
        }
    });
</script>
</body>
</html>
